<!DOCTYPE html>
<html>
    
    <head>

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css">
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">    
    <link rel="stylesheet" href="css/bootstrap-social.css">
    
    <link rel="stylesheet" href="css/style.css">
    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    
    <script src="https://cdn.firebase.com/js/client/1.1.2/firebase.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.js"></script>
    <script src="https://cdn.firebase.com/libs/angularfire/0.8.2/angularfire.js"></script>
    
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-resource.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-route.js"></script>    
    <script src="https://cdn.firebase.com/js/simple-login/1.4.1/firebase-simple-login.js"></script>

    <script src="js/app.js"></script>
    <script src="js/routes.js"></script>
    <script src="js/filters.js"></script>
    <script src="js/directives.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/services.js"></script>

</head>  

<body ng-app="theApp">
<butto> </butto>
    <div style='XXXwidth:777px'>

        <div ng-controller="authController" class='smooth-panel'>
            <div ng-show="luser.uid">
                Logged on as <b>{{luser.firstname}} {{luser.lastname}}    </b>                              
                <span ng-show="luser.provider==='twitter'" class="btn btn-xs btn-social btn-twitter">
                    <i class="fa fa-twitter"></i>{{luser.email}} via Twitter
                </span>
                <span ng-show="luser.provider==='google'" class="btn btn-xs btn-social btn-google-plus">
                    <i class="fa fa-google"></i>{{ luser.email}}  via Google
                </span>
                <span ng-show="luser.provider==='facebook'" class="btn btn-xs btn-social btn-facebook">
                    <i class="fa fa-facebook"></i>{{ luser.email}} via Facebook
                </span>
                <span ng-show="luser.provider==='password'" class="btn btn-xs btn-social btn-vk btn-simple-login">
                    <i class="fa fa-simple"></i>{{ luser.email}} via simple login
                </span>
                <button class='btn btn-default btn-xs active' type="submit" ng-click="signOut()">Logout</button>
            </div>
            <div ng-hide="luser.uid">
                Logged on as <b>guest</b> &nbsp;                 
                <a ng-href="#/login" > &nbsp;  &nbsp; User login &nbsp;</a>    
            </div>
            <button ng-show='0' class='btn btn-default btn-xs active' type="submit" ng-click="signOut()">Logout</button>
        </div>

        <div class='top'>
            <div class='left'>
            <table cellpadding="0" cellspacing="0">
                <tr ng-repeat="item in ['Home', 'About', 'Help']">
                    <td>
                        <a ng-href="#/{{item | lowercase}}" class="plain"><div class="smooth-panel">{{item}}</div></a>
                    </td>
                </tr> 
                <tr>
                    <td>
                        <div XXng-controller='localController' class=" smooth-panel" >    
                            <a ng-href="#/schedule/all/all" ><b>Some Ajs nav here</b></a>    
                            <br/>
                            <b>Schedule by xxx</b>    <br/>
                            <input ng-model="fieldFilter" placeholder="Search field..."/>    
                            <div ng-repeat="e in fieldsallarr | filter:fieldFilter">        
                                <a ng-href="#/schedule/{{e.uid}}/all" > &nbsp;{{ e.name }}  &nbsp;</a>    
                            </div>
                    </div>                
                    </td>
                </tr>
            </table>
        </div>
        <div class='left'>
            <!-- &nbsp; &nbsp;           -->
        </div>
        <div class='left'>
            <div class="container">
                <div ng-view></div>
            </div>
        </div>
        <div class='right'>            
        </div>
    </div>   
    <div style='clear:both;'>            
    </div>
    <hr/>
    <div>         
        <footer>
            (C) 2014 <a href='http://starshineworks.co'>StarShineWorks</a>
        </footer>
    </div>
    </div>
</body>


</html>
